<!DOCTYPE html>
<html lang="en">
    <head>
        <title>业务发展报表月份详情</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
        <link rel="stylesheet" href="../bower_components/weui.css"/>
        <link rel="stylesheet" href="../src/stylesheets/screen.css">
        <script src="../bower_components/jquery/dist/jquery.min.js"></script>
        <script src="../bower_components/weui.min.js"></script>
    </head>
    <body>
        <div class="wapper">
            <!-- 头部 -->
            <div class="item-header">
                <a href="#" class="left-icon">
                    <img src="../src/images/left.svg" alt="">
                </a>
                <h1 class="f16">中南迅智实验小学</h1>
            </div>
            <!-- 内容 -->
            <div class="acount content">
                <!-- 标题 -->
                <div class="weui-msg__text-area  f12">
                    <p class="weui-msg__desc f12">
                        当月销售金额（元）
                    </p>
                    <h2 class="weui-msg__title f18">2400</h2>
                    <p class="f12 distance">2017年<i>8</i>月</p>
                    <button class="weui-btn weui-btn_mini weui-btn_primary month-select" id="select_month">
                        选月
                    </button>
                </div>
                <!-- 新增数 -->
                <div class="number-box">
                    <div class="lf-color">
                        <p> 新增达标班级:</p>
                        <span>123</span>
                    </div>
                    <div class="mid-color">
                        <p>新增学生数：</p>
                        <span>123</span>
                    </div>
                    <div class="rt-color">
                        <p>新增老师数：</p>
                        <span>123</span>
                    </div>
                    <div class="lf-color">
                        <p>付费用户：</p>
                        <span>123</span>
                    </div>
                    <div class="mid-color">
                        <p>推广收入：</p>
                        <span>&yen;<span>123</span></span>
                    </div>
                    <div class="rt-color">
                        <p>分润收入：</p>
                        <span>&yen;<span>123</span></span>
                    </div>
                </div>
            </div>
            <!--从这里开始循环-->
            <div class="month-main">
                <div class="mm-title f12">
                    <div class="mt-left">2017-08-01</div>
                    <div class="mt-right">销售<span> &yen;<span>2400</span></span></div>
                </div>
                <table>
                    <tr>
                        <td>
                            <p>学生</p>
                            <p>56</p>
                        </td>
                        <td>
                            <p>付费用户</p>
                            <p>56</p>
                        </td>
                        <td>
                            <p>老师</p>
                            <p>56</p>
                        </td>
                        <td>
                            <p>班级</p>
                            <p>56</p>
                        </td>
                    </tr>
                </table>
            </div>
            <!-- 结束 -->
            <!--从这里开始循环-->
            <div class="month-main">
                <div class="mm-title f12">
                    <div class="mt-left">2017-08-02</div>
                    <div class="mt-right">销售<span> &yen;<span>2400</span></span></div>
                </div>
                <table>
                    <tr>
                        <td>
                            <p>学生</p>
                            <p>56</p>
                        </td>
                        <td>
                            <p>付费用户</p>
                            <p>56</p>
                        </td>
                        <td>
                            <p>老师</p>
                            <p>56</p>
                        </td>
                        <td>
                            <p>班级</p>
                            <p>56</p>
                        </td>
                    </tr>
                </table>
            </div>
            <!-- 结束 -->
            <!--循环-->
            <div class="month-main">
                <div class="mm-title f12">
                    <div class="mt-left">2017-08-03</div>
                    <div class="mt-right">销售<span> &yen;<span>2400</span></span></div>
                </div>
                <table>
                    <tr>
                        <td>
                            <p>学生</p>
                            <p>56</p>
                        </td>
                        <td>
                            <p>付费用户</p>
                            <p>56</p>
                        </td>
                        <td>
                            <p>老师</p>
                            <p>56</p>
                        </td>
                        <td>
                            <p>班级</p>
                            <p>56</p>
                        </td>
                    </tr>
                </table>
            </div>
            <!-- 结束 -->
        </div>
        <script src="../src/js/business_month.js"></script> 
    </body>
</html>